<template>
  <div class="p-4">
    <BasicTable
      :title="title"
      :columns="columns"
      :dataSource="data"
      :canResize="true"
      :loading="false"
      :striped="true"
      :bordered="true"
      :pagination="{ pageSize: 20 }"
    >
      <!-- <template #toolbar>
        <a-button type="primary"> 操作按钮 </a-button>
      </template> -->
    </BasicTable>
  </div>
</template>
<script lang="ts">
  import { defineComponent, ref, reactive, onBeforeMount, onUnmounted, computed } from 'vue';

  import { BasicTable, useTable, TableAction } from '/@/components/Table';
  // import { BasicColumn } from '/@/components/Table';

  export default defineComponent({
    name: 'VbenTable',
    components: { BasicTable },
    //子组件中使用props接收父组件传递的数据，可以直接使用
    props: {
      title: {},
      columns: {},
      data: {},
    },
    setup() {
      onBeforeMount(() => {
        console.log('VbenTable.vue onBeforeMount');
      });
      onUnmounted(() => {
        console.log('VbenTable.vue onUnmounted');
      });

      return {};
    },
  });
</script>
<style scoped lang="less"></style>
